#app {

  // 公共样式
  .margin_10{margin: 10px;}
  .margin_t10{margin-top: 10px;}
  .margin_b10{margin-bottom: 10px;}
  .margin_l10{margin-left: 10px;}
  .margin_r10{margin-right: 10px;}

  .margin_20{margin: 20px;}
  .margin_t20{margin-top: 20px;}
  .margin_b20{margin-bottom: 20px;}
  .margin_l20{margin-left: 20px;}
  .margin_r20{margin-right: 20px;}

  .padding_20{padding: 20px;}
  .padding_t20{padding-top: 20px;}
  .padding_b20{padding-bottom: 20px;}
  .padding_l20{padding-left: 20px;}
  .padding_r20{padding-right: 20px;}


  // 公共容器
  .mybox{
    background-color: #fff;
    border-radius: 10px;
    padding: 20px 20px 50px 20px;
    box-shadow: 5px 5px 5px rgba(0,0,0,.02);
  }
  .mybox_s{
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 5px 5px 5px rgba(0,0,0,.02);
  }

  .mybox_s .el-form-item{
    margin-bottom: 0;

  }


  //title
  .mytitle1{
    color: #545973;
    font-weight: bold;
    font-size: 16px;

  }

  // 菜单

  .el-menu-item.is-active{
    color: #a6b5ff!important;

  }
  .el-submenu__title i{
    color: #fff;
  }
  .sidebar-title{
    margin-left:-50px;
  }

}

// 首页
.mybanner{
  background-image:url(../images/img_banner.png) ;
  background-position: right top;
  background-color: #e9edfa;
  width: 100%;
  height: 300px;
}
.mybanner div{
  width: 500px;
  color: #737aa0!important;
  padding: 80px 0 0 90px;
}
.mybanner p{
  font-size: 30px;
  font-weight: bold;
}
.mylist1 li{
  list-style:disc;
  margin-left: 20px;
  line-height: 40px;

}

.mylist2 .list-group-item svg{
  margin-right: 15px;
}
.mylist2 .list-group-item svg{
 color: #999;
}

//登录界面输入框黄色问题
input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
  -webkit-text-fill-color: #5a6588 !important;
  background-color:transparent;
  background-image: none;
  transition: background-color 50000s ease-in-out 0s; //背景色透明  生效时长  过渡效果  启用时延迟的时间
  }
  input {
  background-color:transparent;
  }


  //规则信息
  .jsbox{
    background-color: #f7f9ff;
    border-radius: 5px;
    margin-top: 20px;
    border: 0px solid #d7dbee;
  }
  .boxborder1{
    border: 1px solid #dfe2f1;
    padding: 20px 0;
    border-top:none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;

  }
  .jsbox_titles{
    background-color: #6E87F9;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
  .jsbox_titles .el-button--primary{
    background-color: #f4f6ff;
    color:#545973;
  }
  .jsbox_titles .el-form-item__label{
    color: #fff;
  }
    .jsbox_titles .el-input__inner{
    background: none;
    border:none;
    color: #fff;
    padding: 0;
  }

  // 不可用样式

  .jsbox_off{
    background-color: #d9d9df;
    border-radius: 5px;
    margin-top: 20px;
    border: 0px solid #d7dbee;
    filter: grayscale(100%);
  }

  .jsbox_off .el-textarea__inner{
    background-color: #ebebeb;
    border: 0px solid #d7dbee;
  }

  .jsbox .el-switch.is-checked .el-switch__core {
    border-color: #6E87F9;
    background-color: #83dfff;
}
.jsbox_off .el-switch__label.is-active {
  color: #bdc9ff;
}



.jsbox .el-switch__label.is-active {
  color: #e7ebfd;
}

.jsbox .el-switch__label{
  color: #fff;
}



  ////////////////////////

  .condition_title{
    width:100%;
    background: none;
    color: #fff;
    padding: 0px 0 10px 12px;
    margin-bottom: 20px;
    border-radius: 0;
    border-bottom: 1px solid #e7e9f5;
    font-size: 14px;
    font-weight: bold;
  }

    .condition_title .condition_title_text{
      display: inline-block;
      padding:5px 20px;
      border-radius: 100px;
      background-color: #20c79d;
      margin: 6px 0 0 0;

    }

    // .condition_title .condition_title_text{
    //   display: inline-block;
    //   padding:5px 20px;
    //   border-radius: 100px;
    //   background-color: #333;
    //   color:#fff;
    //   margin: 6px 0 0 0;

    // }

  .jsbox_titles .el-form-item,.condition_title .el-form-item{
    margin: 0;
  }
 .jsbox_titles  .el-button{
   margin:7px 20px 0 0!important;
  }

  .condition_title .el-button{
    margin:7px 20px 0 0!important;
    background: none;
    border: none;
    color: #545973;
   }

   .jsbox_titles .el-button{
    margin:7px 20px 0 0!important;
    background: none;
    border: none;
    color: #fff;
   }


  .jsbox_titles .title_form .el-form-item__content{
    margin-left: 0!important;
  }

  .jsbox_titles .myname_color{
    color:#c6d5ff ;
  }
  .myflog1{
    color: #fdff6b;
  }
  .myflog2{
    color: #ffb0d1;
  }
  .myflog3{
    color: #49ffa4;
  }
  .myflog4{
    color: #49eaff;
  }
  .myflog5{
    color: #f0f0f0;
  }
  .el-dialog__title{
    font-weight: bold;
    color: #333!important;
  }

  .mybox_s1 .el-form-item__content,.mybox_s2 .el-form-item__content{
   margin-left:0!important;
   margin-top:10px;
  }

  .mybox_s1 .el-textarea__inner{
    background-color:#ffffff!important ;
    color:#333 ;
  }


  .mybox_s2 .el-textarea__inner{
    background-color:#424242!important ;
    color:#fff ;
    border:1px solid #252525;
  }

//首页tabs
.title2_tabs{
  color: rgb(136, 173, 243);
  border-radius: 0;
  border-bottom: 1px rgba(0,0,0,0) solid;
}

.title2_tabs:hover,.title2_tabs:focus,.title2_tabs_on,.title2_tabs_on:focus{
  color: #fff;
  border-radius: 0;
  border-bottom: 2px #fff solid;
}

//首页统计
.data_box1,.data_box2,.data_box3,.data_box4{

height: 120px;
background-repeat: no-repeat;
border-radius: 5px;
color: #ffffff;
font-size: 14px;
padding: 20px 0 0 150px;
}
.data_box1 span,.data_box2 span,.data_box3 span,.data_box4 span{
  color: #ffffff;
  font-size: 40px;
  font-weight: bold;
  }
  .data_box1 p,.data_box2 p,.data_box3 p,.data_box4 p{
    color: #ffffff;
    font-size: 14px;
    }
.data_box1{
  background-color: #556ff6;
  background-image: url(../images/icon_header1.png);
  background-position: 20px center;
  }
.data_box2{
    background-color: #49b264;
    background-image: url(../images/icon_header2.png);
    background-position: 20px center;
    }
.data_box3{
      background-color: #f07955;
      background-image: url(../images/icon_header3.png);
      background-position: 20px center;
      }
.data_box4{
        background-color: #f17397;
        background-image: url(../images/icon_header4.png);
        background-position: 20px 5px;
        }

.mydata1 .el-table_1_column_1 {
  background-color: #fbfdff;
}


// .el-table_1_column_1  .el-table__expand-icon{
//   display: none!important;
// }

.mydata1 .expanded {
  background-color: #e0e6f9!important;
}
.mydata1 .expanded td:first-child {
  background-color: #7a9eff!important;
  color: #ffffff;
}

.mydata3 .expanded {
  background-color: #e0e6f9!important;
}
.mydata3 .expanded  td:nth-child(1),.mydata3 .expanded  td:nth-child(2) {
  background-color: #7a9eff!important;
  color: #ffffff;
}
.mydata3 .expanded .el-table__expand-icon>.el-icon{
color: #fff;
}



.el-table.mydata1,.el-table.mydata3 {
  background-color: #ffffff!important;
}
.el-table.mydata1 .el-table__header-wrapper th, .el-table.mydata1 .el-table__fixed-header-wrapper th {
  word-break: break-word;
  background-color: #f2f5ff;
  color: #545a72;
  height: 30px;
  padding: 0 10px!important;
  font-size: 13px;
}
.el-table.mydata2 .el-table__header-wrapper th, .el-table.mydata2 .el-table__fixed-header-wrapper th {
  word-break: break-word;
  background-color: #f8f8f9;
  color: #545a72;
  height: 30px;
  padding: 0 10px!important;
  font-size: 13px;
}
.el-table .mydata2  th {
  background-color: #f2f5ff!important;
}

.el-table.mydata3 .el-table__header-wrapper th, .el-table.mydata3 .el-table__fixed-header-wrapper th {
  word-break: break-word;
  background-color: #f8f8f9;
  color: #545a72;
  height: 30px;
  padding: 0 10px!important;
  font-size: 13px;
}
.el-table__expanded-cell[class*=cell] {
  padding: 10px 10px!important;
}

.icon_color1{
  color: #41c363;
}
.icon_color2{
  color: #fe754b;
}
/* 删除表格下横线 */
.el-table::before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0px;
}
.pagination-container {
    position: relative;
    height: 50px;
    margin-bottom: 10px;
    margin-top: 0px;
    padding: 10px 20px !important;
}

.el-pagination {
  white-space: nowrap;
  padding: 2px 50px!important;
  color: #303133;
  font-weight: 700;
}

.myUploader {
  width:100%!important;
  height: 32px!important;
  background-color: #F59A23!important;
  display: inline-block;
  position: relative;
  text-align: center;
  padding: 8px 8px 4px 8px!important;
  font-size: 12px!important;
  line-height:normal!important;
  color: #fff!important;
  border: 0!important;
  cursor: pointer;
  border-radius: 3px!important;
  outline: none;
}

.myUploader:hover {
  width:100%!important;
  height: 32px!important;
  background-color: #ffb451!important;
  display: inline-block;
  position: relative;
  padding: 4px 8px;
  font-size: 12px!important;
  line-height:normal!important;
  color: #fff!important;
  border: 0!important;
  cursor: pointer;
  border-radius: 3px!important;
  outline: none;
}

.uploader-drop{
  border: 0!important;
}

//多节点编辑器
.codeEditor{
  height: 38px;
  background: #373c56;
  
  padding: 5px;
}
.cm-s-rubyblue.CodeMirror{
  background: #1a1f39!important;
}
.cm-s-rubyblue .CodeMirror-gutters {
  background: #373c56!important;
  border-right: 7px solid #5e637d!important;
}
.cm-s-rubyblue .CodeMirror-activeline-background{
  background: rgba(220,220,220,.05)!important;
}

.myupload{
 position: absolute;
 right:49px;
 top: 37px;
}

table.jsoneditor-search div.jsoneditor-frame{
  margin-right: 100px!important;
}

//多节点查看器
.jsoneditor-outer{
  height: calc(100vh - 250px)!important;
  overflow-y: auto;
  padding: 10px 0 0 0!important;
  border-bottom: 1px solid #d9e4ff!important;
}
div.jsoneditor-menu {
  background-color: #5e8af9!important;
  border-bottom: 0px solid #5e8af9!important;
}


